    ion-header {
        background: transparent !important;
        left: 0;
        top: 0;
        position: absolute;
        z-index: 10;
        display: block;
        width: 100%;
        &.top-header {
            background: #1fb5ff !important;
            transition: 2s;
        }
        .header-md:after {
            height: 0;
        }
        ion-toolbar {
            --background: transparent !important;
        }
    }
    
    ion-content {
        margin-top: 0 !important;
        top: 0;
        --ion-background-color: #f2f5f8;
    }
    
    .wash-room {
        .wash-cover {
            height: 210px;
            position: relative;
            .wash-bg {
                height: 100%;
            }
            .wash-text {
                position: absolute;
                bottom: 20px;
                display: flex;
                width: 100%;
                color: #fff;
                &>span {
                    flex: 1;
                    text-align: center;
                    i {
                        font-style: normal;
                        font-size: 25px;
                    }
                    p {
                        font-size: 12px;
                        margin: 0;
                    }
                    &:nth-of-type(2) {
                        i {
                            &.active {
                                color: #33FFA0;
                            }
                        }
                    }
                    &:last-child {
                        i {
                            &.active {
                                color: #FFC619;
                            }
                        }
                    }
                }
            }
        }
        .wash-content {
            margin-top: 10px;
            .each-wash-list {
                display: flex;
                flex-wrap: wrap;
                .each-wash {
                    position: relative;
                    flex: 0 0 25%;
                    border-right: 0.5px solid #ddd;
                    border-bottom: 0.5px solid #ddd;
                    text-align: center;
                    background: #fff;
                    height: 87px;
                    &>img {
                        position: absolute;
                        right: 5px;
                        top: 5px;
                        width: 20px;
                    }
                    &:nth-child(4n+4) {
                        border-right: 0;
                    }
                    p {
                        margin: 0;
                        color: #333;
                        font-size: 12px;
                        position: absolute;
                        width: 60%;
                        left: 50%;
                        transform: translateX(-50%);
                        line-height: 13px;
                        &:nth-of-type(1) {
                            top: 25px;
                        }
                        &:nth-of-type(2) {
                            bottom: 15px;
                        }
                    }
                    &.active {
                        background: #EEEEEE;
                        border-bottom: 0;
                    }
                }
                .each-item {
                    background: #EEEEEE;
                    width: 100%;
                    display: none;
                    // height: 0;
                    position: relative;
                    &.isShown {
                        display: block;
                        // height: 100px;
                    }
                    .item-header {
                        width: 95%;
                        left: 50%;
                        top: 15px;
                        height: 35px;
                        display: flex;
                        padding: 0 5px;
                        line-height: 35px;
                        text-align: center;
                        position: absolute;
                        border-radius: 4px;
                        transform: translateX(-50%);
                        background: rgba(36, 163, 193, 0);
                        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
                        &>div {
                            flex: 1;
                            img {
                                width: 18px;
                                height: 18px;
                                margin-right: 5px;
                                border-radius: 50%;
                                background: #66AACC;
                                vertical-align: middle;
                            }
                            span {
                                font-size: 10px;
                                color: #999;
                                i {
                                    font-style: normal;
                                    font-size: 15px;
                                    color: #333;
                                }
                                em {
                                    font-size: 9px;
                                    font-style: normal;
                                }
                            }
                            &:last-child {
                                img {
                                    background: #847ACC;
                                }
                            }
                        }
                    }
                    .item-content {
                        margin-top: 50px;
                    }
                    .item-feedback {
                        margin-top: 50px;
                        .feedback-total {
                            margin: 0 auto;
                            width: 95%;
                            height: 35px;
                            color: #999;
                            font-size: 10px;
                            line-height: 35px;
                            text-align: center;
                            background: rgba(36, 163, 193, 0);
                            box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
                            border-radius: 4px;
                            &>img {
                                width: 18px;
                                margin-top: -4px;
                                vertical-align: middle;
                            }
                            &>span {
                                margin-left: 5px;
                                i {
                                    font-size: 15px;
                                    color: #222;
                                    font-style: normal;
                                }
                            }
                        }
                        .all-feedback {
                            max-height: 200px;
                            overflow-y: auto;
                            padding: 0 10%;
                            margin: 20px auto;
                            .each-feedback {
                                display: flex;
                                margin-bottom: 15px;
                                &>label {
                                    text-align: right;
                                    flex: 0 0 20%;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }
                                .progress {
                                    margin-top: 5px;
                                    background: #DADADA;
                                    // --progress-background: #5C9DED;
                                    width: 80%;
                                    margin-left: 10px;
                                    display: inline-block;
                                    vertical-align: middle;
                                    height: 8px;
                                    .progress-value {
                                        border-radius: 0px 8px 8px 0px;
                                        height: 100%;
                                        background: #5C9DED;
                                    }
                                }
                                i {
                                    margin-left: 10px;
                                    font-size: 12px;
                                    color: #5C9DED;
                                    font-style: normal;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    flex: 0 0 10%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }